<!doctype html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>关于我们</title>
    <link rel="stylesheet" type="text/css" href="../../css/api.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/style.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/css.css"/>
    <style>
        .aboutbody {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            flex-wrap: nowrap;
            flex-direction: column;
        }

        .aboutbody p {
            width: 92%;
            margin-top: 10px;
            text-indent: 2em;
            font-size: 14px;
            color: #666666;
        }

        [v-cloak] {
            display: none;
        }

        .sharecontent .share-contents p {
            text-indent: 0rem;
        }

        .sharecontent .share-contents p span {
            display: inline;
        }
    </style>
</head>

<body>
<div v-cloak id="app">
    <div id="wrap" class="flex-wrap flex-vertical">
        <header>
            <ul>
                <li class="active">
                    <i onclick="back()" class="icon iconfont icon-back"></i>
                    <span>用户协议</span>
                </li>
            </ul>
        </header>
        <div class="sharecontent fixed-header">
            <div class="share-content">
                <div class="share-contents">
                </div>
                <div class="share-contents" v-html="about">
                    <!-- <p>版本升级啦程序版本升级啦程序版本升级啦程序版本升级啦程序版本升级啦</p> -->
                </div>
            </div>
        </div>
    </div>
</div>
</div>
</body>

</html>
<script src="../../aui/js/aui.js"></script>
<script src="../../script/vue2.js"></script>
<script src="../../script/vue-resource.min.js"></script>
<script src="../../script/common.js"></script>
<script>
    var vm = new Vue({
        el: "#app",
        data: {
            about: ''
        },
        mounted: function () {
            var that = this;

            apiready = function () {
                that.getAbout()
            };
        },
        methods: {
            getAbout: function () {
                var that = this;
                showProgress();
                api.ajax({
                    url: ajaxRoute.protocol,
                    method: 'post',
                }, function (res, err) {
                    console.log(JSON.stringify(res), '这是一个测试')
                    api.hideProgress();
                    if (res.code == 1) {
                        that.about = res.data
                    } else {
                        api.toast({msg: res.msg, location: 'middle'});
                    }
                });
            }
        },
        filters: {
            getTel: function (value) {
                var phone = value
                return phone.substr(0, 3) + "****" + phone.substr(7)
            },
            getCard: function (value) {
                var phone = value
                return phone.substr(0, 5) + "********" + phone.substr(12)
            },
            getchecked: function (e) {
                var checked = ''
                if (e == 0) {
                    checked = '审核中'
                } else {
                    checked = '已审核'
                }
                return checked
            }
        }
    })
</script>
